<template>
  <div>
    <h1>App {{ title }}</h1>
    <button @click="say">say</button>

    <hr>
    {{ count }}

    <button @click="count++">count++</button>

  </div>
</template>
<script setup>
import TsCard from './components/TsCard.vue'

const title = 'hi';

const count = 10;
function say() {
  console.log('hello lili');
}
</script>
<!-- <script>
export default {
  setup(){
    const title = 'hi';
    function say(){
      console.log('hello lili');
    }
    return {
      title,
      say,
    }
  }
}
</script> -->
<!-- <script>
export default {
  data(){
    return {
      title:'hello'
    }
  },
  methods:{
    say(){
      console.log('hello jack')
    }
  }
}
</script> -->